<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/html">
<head>
    <meta charset="UTF-8">
    <!-- import CSS -->
    <link rel="stylesheet" href="https://cdn.staticfile.org/element-ui/2.15.9/theme-chalk/index.css">
    <style>
        body {
            margin: 0 auto;
        }


        .el-header, .el-footer {
            background-color: #f9f9f9;
            color: #333;
            text-align: center;
            line-height: 60px;
        }

        .el-dropdown-link {
            cursor: pointer;
            color: #409EFF;
        }

        .el-aside {
            /*background-color: #D3DCE6;*/
            /*color: #333;*/
            text-align: center;
            line-height: 200px;
        }

        .el-main {
            /*background-color: #E9EEF3;*/
            color: #333;
            text-align: center;
            line-height: 160px;
            padding: 10px;
        }

        body > .el-container {
            margin-bottom: 40px;
        }

        .el-container:nth-child(5) .el-aside,
        .el-container:nth-child(6) .el-aside {
            line-height: 260px;
        }

        .el-container:nth-child(7) .el-aside {
            line-height: 320px;
        }


        .el-dropdown-menu__item {
            font-size: 10px;
        }

        .a1 {
            text-decoration: none;
            font: 12px 'Hiragino Sans GB', "simsun", "Arial";
            color: #646464;
            line-height: 0px;
        }

        .a1:hover {
            color: red;
        }
        .a2 {
            text-decoration: none;
            font: 12px 'Hiragino Sans GB', "simsun", "Arial";
            color: #646464;
            line-height: 0px;
        }

        .a2:hover {
            color: red;
            text-decoration: underline;
        }

        /*搜索，购物车订单按钮的共用*/
        .el-button{
            border-radius: 0px;
        }
        #button1:hover{
            background-color: white;
            color: red;
        }
        /*左侧导航*/
        .el-menu-demo{
            width: 190px;
            text-align: left;
            background-color: white;

        }
        /*.el-row {*/
        /*    margin-bottom: 20px;*/

        /*&*/
        /*:last-child {*/
        /*    margin-bottom: 0;*/
        /*}*/

        /*}*/
        /*.el-col {*/
        /*    border-radius: 4px;*/
        /*}*/

        /*.bg-purple-dark {*/
        /*    background: #99a9bf;*/
        /*}*/

        /*.bg-purple {*/
        /*    background: #d3dce6;*/
        /*}*/

        /*.bg-purple-light {*/
        /*    background: #e5e9f2;*/
        /*}*/

        /*.grid-content {*/
        /*    border-radius: 4px;*/
        /*    min-height: 36px;*/
        /*}*/

        /*.row-bg {*/
        /*    padding: 10px 0;*/
        /*    background-color: #f9fafc;*/
        /*}*/
        /*轮播图*/
        .el-carousel__item h3 {
            color: #475669;
            font-size: 18px;
            opacity: 0.75;
            line-height: 300px;
            margin: 0;
        }

        .el-carousel__item:nth-child(2n) {
            background-color: #99a9bf;
        }

        .el-carousel__item:nth-child(2n+1) {
            background-color: #d3dce6;
        }
    /*  公告  */
        .text {
            font-size: 14px;
        }

        .item {
            margin-bottom: 18px;
        }
        .clearfix:before,
        .clearfix:after {
            display: table;
            content: "";
        }
        .clearfix:after {
            clear: both
        }

        .box-card {
            width: 230px;
            height: 110px;
            border: 1px solid rgba(0, 0, 0, 0.58);
        }
    /*    展示*/
        .time {
            font-size: 13px;
            color: #999;
        }

        .bottom {
            margin-top: 13px;
            line-height: 12px;
        }

        .button {
            padding: 0;
            float: right;
        }

        .image {
            width: 100%;
            display: block;
        }

        .clearfix:before,
        .clearfix:after {
            display: table;
            content: "";
        }

        .clearfix:after {
            clear: both
        }
    </style>

</head>
<body>
<div id="app">
    <!--广告或公告或活动预留位置-->
    <div style="width: 1200px;margin: 0 auto"><img src="http://img63.ddimg.cn/2022/10/20/2022102017321444775.jpg"></div>
    <!--布局容器开始-->
    <el-container>
<!--    第一个导航栏-->
        <el-header height="34px" style="padding: 0">
            <!-- div中为第一行导航栏-->
            <div style="background-color: #f9f9f9; width: 1200px;margin: 0 auto; position: relative;line-height: 0px;">
                <el-dropdown class="el-d1" style="position: absolute;left: 0px ;font-size: 12px;">
                    <el-button type=""
                               style="border: 0px;background-color: #f9f9f9; line-height: 0px;padding: 0px;margin-top: 10px">
                        配送至:{{address}}<i class="el-icon-arrow-down el-icon--right"></i>
                    </el-button>
                    <el-dropdown-menu slot="dropdown">
                        <el-dropdown-item v-for="add in addressArr">
                            <a class="a1" href="javascript:void (0)" @click="addressUpdata(add.name)">{{add.name}}</a>
                        </el-dropdown-item>
                    </el-dropdown-menu>
                </el-dropdown>
                <!--从欢迎光临开始-->
                <div style="position: absolute;right: 10px; margin-top: 10px;line-height: 0px">
                    <!--          <el-dropdown-menu slot="dropdown">-->
                    <!--          </el-dropdown-menu> <a href="">欢迎光临当当，请登录</a>-->
                    <a class="a1" href="http://www.baidu.com">欢迎光临，请登录</a>
                    <el-divider direction="vertical"></el-divider>
                    <a class="a1" href="" style="margin-left: 10px">成为会员</a>
                    <el-divider direction="vertical"></el-divider>
                    <a class="a1" href="">我的云书房</a>
                    <el-divider direction="vertical"></el-divider>
                    </el-dropdown>
                    <el-dropdown>
  <span class="el-dropdown-link" style="color: #646464">
    <a class="a1" href="">我的小驿</a>
    <i class="el-icon-arrow-down el-icon--right"></i>
  </span>
                        <el-dropdown-menu slot="dropdown">
                            <el-dropdown-item>我的订单</el-dropdown-item>
                            <el-dropdown-item>购物车</el-dropdown-item>
                            <el-dropdown-item>银铃铛抵现</el-dropdown-item>
                            <el-dropdown-item>我的收藏</el-dropdown-item>
                            <el-dropdown-item>我的余额</el-dropdown-item>
                            <el-dropdown-item>我的评论</el-dropdown-item>
                            <el-dropdown-item>礼券/礼品卡</el-dropdown-item>
                        </el-dropdown-menu>
                    </el-dropdown>
                    <el-divider direction="vertical"></el-divider>
                    <el-dropdown>
  <span class="el-dropdown-link" style="color: #646464"><a class="a1" href="">小驿拼团</a>
    <i class="el-icon-arrow-down el-icon--right"></i>
  </span>
                        <el-dropdown-menu slot="dropdown">
                            <el-dropdown-item disabled>小驿拼团</el-dropdown-item>
                        </el-dropdown-menu>
                    </el-dropdown>
                    <el-divider direction="vertical"></el-divider>
                    <a class="a1" href="">小说投稿</a>
                    <el-divider direction="vertical"></el-divider>
                    <el-dropdown>
  <span class="el-dropdown-link" style="color: #646464"><a class="a1" href="">企业采购</a>
    <i class="el-icon-arrow-down el-icon--right"></i>
  </span>
                        <el-dropdown-menu slot="dropdown">
                            <el-dropdown-item>大宗采购</el-dropdown-item>
                            <el-dropdown-item>礼品卡采购</el-dropdown-item>
                            <el-dropdown-item>礼品卡激活</el-dropdown-item>
                            <el-dropdown-item>礼品卡使用</el-dropdown-item>
                            <el-dropdown-item>分销/荐购</el-dropdown-item>
                            <el-dropdown-item>礼品卡专区</el-dropdown-item>
                        </el-dropdown-menu>
                    </el-dropdown>
                    <el-divider direction="vertical"></el-divider>
                    <el-dropdown>
  <span class="el-dropdown-link" style="color: #646464"><a class="a1" href="">客服服务</a>
    <i class="el-icon-arrow-down el-icon--right"></i>
  </span>
                        <el-dropdown-menu slot="dropdown">
                            <el-dropdown-item>帮助中心</el-dropdown-item>
                            <el-dropdown-item>自动退换货</el-dropdown-item>
                            <el-dropdown-item>自主发票</el-dropdown-item>
                            <el-dropdown-item>联系客服</el-dropdown-item>
                            <el-dropdown-item>我要投诉</el-dropdown-item>
                        </el-dropdown-menu>
                    </el-dropdown>
                    <el-divider direction="vertical"></el-divider>
                    <a class="a1" href="">切换无障碍</a>
                </div>
            </div>
            <!--   搜索框,logo,购物车,订单  -->
        </el-header>
<!--        搜索框与第二个导航栏-->
        <el-header style="height: 140px;padding: 0px;background-color:white;">
            <el-row style="width: 1200px;margin: 0 auto;  background-color:white">
                <!-- logo-->
                <el-col :span="7" style="">
                    <div class="grid-content bg-purple" style="height: 100px">
                        <img style="float: left;margin-top: 10px;width: 250px;height: 80px"
                             src="logo3.jpg">
                    </div>
                </el-col>
                <!--                搜索框-->
                <el-col :span="11" style="margin: 0px">
                    <div class="grid-content bg-purple-light" style="height: 100px">
                            <el-dropdown style="float: right; background-color: #969696; color: white; line-height: 40px; margin-top:10px;">
                                <span class="el-dropdown-link" style="color: #646464"><a class="a2" style="font-size: 15px" href="" >{{type1}}</a>
                                 <i class="el-icon-arrow-down el-icon--right"></i>
                                             </span>
                                <el-dropdown-menu slot="dropdown">
                                    <el-dropdown-item v-for="type in bigtype"><a class="a1" href="javascript:void (0)" @click="type2(type.name)">{{type.name}}</a> </el-dropdown-item>
                                </el-dropdown-menu>
                            </el-dropdown>

                        <input style="width: 400px;border: 2px solid red; margin-right:0px;height: 36px" placeholder="请输入搜索内容" type="text" v-model="text">
                        <a href=""><el-button style="border: 2px solid red; background-color: red;margin-left: -10px" type="primary" icon="el-icon-search"></el-button></a>
                       <div style="width: 200px;height:10px;line-height: 0px ;">
                       <span  class="a2" style="line-height: 20px;padding: 0px;width: 300px ;margin-right: 0px">
                            热搜:<a class="a2" href="" v-for="hot in hotArr" >{{hot.name}}   </a>
                        </span>
                       </div>
                        <div style="width: 200px;line-height: 0px ;float: right">
                        <span class="a2" style="line-height: 0px;padding: 0px;width: 300px ;margin-right: 30px">
                            <a href="" class="a2">高级搜索</a></span>
                       </div>
                    </div>
                </el-col>
                <!-- 购物车订单-->
                <el-col :span="6">
                    <div class="grid-content bg-purple" style="height: 100px">
                        <a><el-button id="button1" type="primary" icon="el-icon-shopping-cart-2">购物车0</el-button></a>
                        <a style="margin-left: -5px"><el-button type="info" icon="">我的订单</el-button></a>
                    </div>
                </el-col>
            </el-row>
            <hr style="height: 3px;background-color: red;line-height: 0px;margin-bottom: 0px">
<!--导航栏开始-->
            <div style="width: 1200px;margin: 0 auto;padding: 0px;background-color: rgba(100,100,100,0.38);line-height: 30px">
                <a class="a2" href="" style="margin-left: 10px">图书排行榜</a>
                <el-divider direction="vertical"></el-divider>
                <span v-for="type in bigtype">
            <a class="a2" :href="'?id='+type.id" style="margin-left: 10px">{{type.bigtype}}</a>
            <el-divider direction="vertical"></el-divider>
                    </span>
            </div>
        </el-header>
<!-- 广告-->
        <div style="width: 1200px;margin: 10px auto;">
            <img src="http://img62.ddimg.cn/upload_img/00822/cxtc/1200x65_1011-1665641240.jpg">
        </div>
        <el-container style="width: 1200px;margin: 0 auto">
<!--左侧导航栏-->
            <el-aside width="200px">
                <div style="background-color: #487A6F;width: 195px; border-radius: 4px ;height: 35px;color:white ;font-size: 10px"><p style="line-height: 35px">图书分类</p></div>
                <el-menu :default-active="activeIndex"  style="border: 2px solid #487A6F"
                         class="el-menu-demo" mode="vertical" collapse="false"
                         @select="handleSelect" v-for="ar in bigtype">
                    <el-submenu  :index="ar.id">
                        <template slot="title" >{{ar.bigtype}}</template>
                        <el-menu-item style="height: 50px; " :index="ar.id" >
                                <a v-for="br in bigtype" class="a2" href="">
                                {{br.bigtype}}
                                <el-divider direction="vertical"></el-divider></a>
                        </el-menu-item>
<!--                        <hr style="border-top: 1px dashed #487A6F">-->
                        </el-submenu>

<!--                    <hr style="border-top: 2px dashed #487A6F">-->


                </el-menu>

            </el-aside>
            
            <el-container>
                <el-main>
<!--                    轮播图-->
                    <el-row :gutter="20" style="height: auto">
                    <el-col :span="18"><div class="grid-content bg-purple">
                        <div class="block">
                            <el-carousel height="315px" style="width: 740px">
                                <el-carousel-item v-for="item in imgUrlArr" :key="item">
                                    <a href=""><img :src="item.url" style="width: 800px;"></a>
                                </el-carousel-item>
                            </el-carousel>
                        </div>
                    </div></el-col>

                    <el-col :span="6"><div class="grid-content bg-purple">
                        <el-card class="box-card"style="line-height: 0px;text-align: left">
                            <div slot="header" class="clearfix">
                                <span >公告</span>
                            </div>
                            <div v-for="o in contentArr" :key="o" class="text item">
                                <li><a class="a2" href="">{{o.content}}</a></li>
                            </div>
                        </el-card>

                        <el-card class="box-card"style="line-height: 0px;height: 195px;width: 230px; text-align: left;margin-top: 10px">
                            <div slot="header" class="clearfix">
                                <span >活动</span>
                            </div>
                            <div class="block" style="height: 195px;">
                                <el-carousel height="115px" style="width: 200px;padding: 0px;margin: 0px;background-color: white">
                                    <el-carousel-item v-for="item in imgUrlArr" :key="item" style="background-color: white">

                                        <a class="a2" href="">
                                            <div style="float: left"><img style="width: 90px;height: 110px" :src="item.url" style=""></div>
                                            <div style="float: left;margin-top: 50px">11111实打实</div>
                                        </a>
                                    </el-carousel-item>
                                </el-carousel>
                            </div>
                        </el-card>
                    </div></el-col>

                </el-row>
                </el-main>
<!--书籍推荐-->
                <el-footer style="height: auto;background-color: white" >
                    <el-row :gutter="20">
                        <el-col :span="18"><div class="grid-content bg-purple">
                            <div>
                        <p style="line-height: 0px;text-align: left">新书上架</p>
                            <hr style="height: 1px;background-color: red;line-height: 0px;margin-bottom: 0px">
                            </div>
                            <div>
                                <el-row>
                                    <div class="block" >
                                        <span class="demonstration"></span>
                                        <el-carousel height="557px"  >
                                            <el-carousel-item v-for="item in 4" :key="item" style="background-color: white">

                                                <el-row gutter="20" >
                                                    <el-col style="margin: 10px 0" span="6" v-for="p in productArr">
                                                        <el-card style="height: 250px">
                                                            <a :href="'/detail.html?id='+p.id">
                                                                <img style="height: 100px" class="p_img" :src="p.url" width="100%" alt="">
                                                            </a>
                                                            <div>
                                                                <p style="font-size: 15px;height: 40px;margin-top: 0">
                                                                    <a style="text-decoration: none;color: #3f3f3f" :href="'/detail.html?id='+p.id">
                                                                        {{p.title}}
                                                                    </a>
                                                                </p>
                                                                <p style="font-size: 12px;color: #666">
                                                                    ￥{{p.price}}浏览量：{{p.viewCount}}
                                                                    <span style="float: right">销量:{{p.saleCount}}件</span>
                                                                </p>
                                                            </div>
                                                        </el-card>
                                                    </el-col>
                                                </el-row>


                                            </el-carousel-item>
                                        </el-carousel>
                                    </div>
                                </el-row>

                            </div>
                        </div></el-col>
<!--排行榜-->
                        <el-row>
                        <el-col :span="6">
                            <div class="grid-content bg-purple">
                                <el-card style="width: 270px">
                                    <h3 style="line-height: 0px;margin: 0px" >
                                        <i class="el-icon-trophy"  >排行</i>
                                    </h3>
                                    <el-divider></el-divider>
                                    <el-table
                                            :data="topArr"
                                            style="width: 100%">
                                        <el-table-column type="index" label="排名">
                                        </el-table-column>
                                        <el-table-column prop="title" label="商品标题" width="100">
                                        </el-table-column>
                                        <el-table-column prop="saleCount" label="销量">
                                        </el-table-column>
                                    </el-table>
                                </el-card>

                        </div></el-col>

                    </el-row>
                        </el-row>
                </el-footer>

            </el-container>
        </el-container>
<!-- 底-->
        <el-footer style="height: auto; width: 1200px; margin: 0 auto">
            <el-row :gutter="20">
                <el-col :span="18"><div class="grid-content bg-purple">
                    <div>
                        <p style="line-height: 0px;text-align: left">新书上架</p>
                        <hr style="height: 1px;background-color: red;line-height: 0px;margin-bottom: 0px">
                    </div>
                    <div>
                        <el-row>


                                        <el-row gutter="20" >
                                            <el-col style="margin: 10px 0" span="6" v-for="p in productArr">
                                                <el-card style="height: 250px">
                                                    <a :href="'/detail.html?id='+p.id">
                                                        <img style="height: 100px" class="p_img" :src="p.url" width="100%" alt="">
                                                    </a>
                                                    <div>
                                                        <p style="font-size: 15px;height: 40px;margin-top: 0">
                                                            <a style="text-decoration: none;color: #3f3f3f" :href="'/detail.html?id='+p.id">
                                                                {{p.title}}
                                                            </a>
                                                        </p>
                                                        <p style="font-size: 12px;color: #666">
                                                            ￥{{p.price}}浏览量：{{p.viewCount}}
                                                            <span style="float: right">销量:{{p.saleCount}}件</span>
                                                        </p>
                                                    </div>
                                                </el-card>
                                            </el-col>
                                        </el-row>



                        </el-row>

                    </div>
                </div></el-col>
                <!--排行榜-->
                <el-row>
                    <el-col :span="6">
                        <div class="grid-content bg-purple">
                            <el-card style="width:auto">
                                <h3 style="line-height: 0px;margin: 0px" >
                                    <i class="el-icon-trophy">排行</i>
                                </h3>
                                <el-divider></el-divider>
                                <el-table
                                        :data="topArr"
                                        style="width: 100%">
                                    <el-table-column type="index" label="排名">
                                    </el-table-column>
                                    <el-table-column prop="title" label="商品标题" width="100">
                                    </el-table-column>
                                    <el-table-column prop="saleCount" label="销量">
                                    </el-table-column>
                                </el-table>
                            </el-card>

                        </div></el-col>

                </el-row>
            </el-row>
        </el-footer>
        <el-footer>Footer</el-footer>
<!--        结尾框-->
        <el-footer style="height: auto; background-color: #FAFAFA">
            <hr style="height: 3px;background-color: red;line-height: 0px;margin-bottom: 0px">
            <img style="margin-top: 10px;margin-bottom: -10px" src="footer.jpg">
            <hr style="height: 1px;background-color:black;line-height: 0px;margin-bottom: 0px">
        </el-footer>
        <el-footer style="background-color: white;height: auto">购物指南
            购物流程
            发票制度
            服务协议
            会员优惠
            支付方式
            网上支付
            礼品卡支付
            银行转帐
            礼券支付
            订单服务
            配送服务查询
            订单状态说明
            自助取消订单
            自助修改订单
            配送方式
            当日递
            次日达
            订单自提
            验货与签收
            退换货
            退换货服务查询
            自助申请退换货
            退换货进度查询
            退款方式和时间
            商家服务
            商家中心
            运营服务
        </el-footer>
    </el-container>
<!--广告弹窗-->
        <el-footer v-if="advertisement" style=" bottom: 0px; width: 100%;  height:140px;bottom: 0px; background-color: rgba(14,0,0,0.49);position: fixed;z-index: 9999" >
            <div>
            <img src="http://img60.ddimg.cn/ddimg/2353/yinliubanner-1640156285.gif">
                <el-button style="position: absolute; color: white;border: 0px; background-color: rgba(249,249,249,0)" icon="el-icon-circle-close" @click="advertisementUP()"></el-button>
            </div>
        </el-footer>
</div>
</body>
<script src="https://cdn.bootcdn.net/ajax/libs/axios/0.21.1/axios.min.js"></script>
<!-- import Vue before Element -->
<script src="https://cdn.staticfile.org/vue/2.6.14/vue.min.js"></script>
<!-- import JavaScript -->
<script src="https://cdn.staticfile.org/element-ui/2.15.9/index.min.js"></script>
<script>
    let v = new Vue({
        el: '#app',
        data: function () {
            return {
                addressArr: [{name: "北京"}, {name: "天津"}, {name: "河北"}, {name: "北京"}, {name: "天津"}, {name: "河北"}, {name: "北京"}, {name: "天津"}, {name: "河北"}, {name: "北京"}, {name: "天津"}, {name: "河北"}, {name: "北京"}, {name: "天津"}, {name: "河北"}],
                address: "北京",
                advertisement: true,//广告显示和关闭
                text: "",//搜索框
                // bigtype:[{name: "科技"}, {name: "IT"},{name: "科技"},{name: "HH"},{name: "科技"}, {name: "IT"}, {name: "HH"}, {name: "HH"}, {name: "HH"}, {name: "HH"}, {name: "HH"}, {name: "HH"}, {name: "HH"}, {name: "HH"},{name: "科技"}, {name: "IT"}, {name: "HH"},{name: "科技"}, {name: "IT"}, {name: "HH"}, {name: "北京"}, {name: "天津"},  {name: "河北"}],
                bigtype:[],
                type1:"全部分类",
                hotArr:[{name:"小计"},{name:"小雅"}],
                activeIndex: '2',
                activeIndex2: '3',
                arr:[{name: "北京"}, {name: "天津"}, {name: "河北"}, {name: "北京"}, {name: "天津"}, {name: "河北"}, {name: "北京"}],
                brr:[{name: "北京"}, {name: "天津"}, {name: "河北"}, {name: "北京"}, {name: "天津"}, {name: "河北"}, {name: "北京"}, {name: "天津"}, {name: "河北"}, {name: "北京"}, {name: "天津"}, {name: "河北"}, {name: "北京"}, {name: "天津"}, {name: "河北"}],
                crr:[{name: "北京"}, {name: "天津"}, {name: "河北"}, {name: "北京"}, {name: "天津"}, {name: "河北"}, {name: "北京"}, {name: "天津"}, {name: "河北"}, {name: "北京"}, {name: "天津"}, {name: "河北"}, {name: "北京"}, {name: "天津"}, {name: "河北"}],
                imgUrlArr:[{url:"http://img61.ddimg.cn/upload_img/00822/cxtc/750x315_1011-1665641221.jpg"},{url:"logo.jpg"},{url:"logo3.jpg"},{url:"logo.jpg"},],
                contentArr:[{content:"满100减50"},{content:"满100减50"},{content:"满100减50"},],
                productArr:[{id:1,title:"12123",price:111,viewCount:123,saleCount:4534,url:"logo.jpg"},{id:1,title:"12123",price:111,viewCount:123,saleCount:4534,url:"logo.jpg"},{id:1,title:"12123",price:111,viewCount:123,saleCount:4534,url:"logo.jpg"},{id:1,title:"12123",price:111,viewCount:123,saleCount:4534,url:"logo.jpg"},{id:1,title:"12123",price:111,viewCount:123,saleCount:4534,url:"logo.jpg"},{id:1,title:"12123",price:111,viewCount:123,saleCount:4534,url:"logo.jpg"},{id:1,title:"12123",price:111,viewCount:123,saleCount:4534,url:"logo.jpg"},{id:1,title:"12123",price:111,viewCount:123,saleCount:4534,url:"logo.jpg"},],
                topArr:[{title:"asd"},{title:"asd"},{title:"asd"},{title:"asd"},{title:"asd"},{title:"asd"},{title:"asd"},{title:"asd"},]
            }
        },
        methods: {
            addressUpdata(name) {
                v.address = name;
            },
            advertisementUP() {
                v.advertisement = false;
            },
            type2(name){
                v.type1=name;
            },
            handleSelect(key, keyPath) {
                alert(key, keyPath);
                location.href="http://www.baidu.com"
            }
        },
        created:function () {
            axios.get("/index/selectBigType").then(function (r) {
                v.bigtype=r.data;
            })
        }

    })
</script>
</html>